<template>
  <div class="home">
    <OutContainer msg="Welcome to Your Vue.js App" />
    <DialogBooks title="打书" @close="closeEvent" v-if="showBooksDialog"></DialogBooks>
  </div>
</template>

<script setup>
// @ is an alias to /src
import OutContainer from '@/components/OutContainer.vue'
import DialogBooks from '@/components/DialogBooks.vue'
import { ref } from 'vue'
const showBooksDialog = ref(true)
const closeEvent = () => {
  console.log('11111')
  showBooksDialog.value = false
}
</script>
